<template>
  <div class="not-found">
    <div class="msg-box">
      <h1 class="animated fadeInDown">403 Forbidden</h1>
      <h2 class="animated fadeInUp">
        抱歉!您没有权限访问这个页面.
      </h2>
    </div>
  </div>
</template>

<script>
export default {
  name: "AccessDeny",
};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/_variables";
@import "../../assets/scss/_mixins";

.msg-box {
  max-width: 350px;
  margin: 200px auto;

  h1 {
    @include text-bordered-shadow();
  }
}
</style>
